import React from 'react';
import { Box } from '@mui/material';
import Tab from '@mui/material/Tab';
import TabList from '@mui/lab/TabList';
import TabContext from '@mui/lab/TabContext';

function ScheduleTabs({ value, onChange }) {
  return (
    <TabContext value={value}>
      <Box sx={{ borderBottom: 1, borderColor: "divider" }}>
        <TabList
          onChange={onChange}
          aria-label="日程管理标签页"
          centered
        >
          <Tab label="评分" value="1" sx={{ fontFamily: "ZCOOL KuaiLe" }} />
          <Tab label="日历" value="2" sx={{ fontFamily: "ZCOOL KuaiLe" }} />
          <Tab label="报告" value="3" sx={{ fontFamily: "ZCOOL KuaiLe" }} />
        </TabList>
      </Box>
    </TabContext>
  );
}

export default ScheduleTabs;